#tutorial passo a passo | Explore Tumblr posts and blogs

girasois · 1 year ago

Text

GUIA COMPLETO DE COMO EDITAR FOTOS EM ALTA QUALIDADE (HQ)!

oiê, bem vindos(as)! à pedidos, estou trazendo um tutorial bem abrangente sobre como editar fotos no geral para icons, headers, etc., em alta qualidade. neste guia/tutorial trarei dicas, truques e informações gerais sobre o que é preciso para editar em hq. lembrando que o conteúdo deste guia é sobre como eu edito, a maneira que funciona comigo e meu progresso e aprendizado ao longo de quase 12 anos editando icons, ou seja, o que contém neste guia pode — e deve — ser adaptado à sua maneira e ao software de sua preferência. aproveitem e se divirtam!

nota: este tutorial está bem longo, então, se possível, veja este guia pelo pc/notebook!

O QUE VOCÊ VAI ENCONTRAR NESTE GUIA

softwares necessários com links para download;

onde e como baixar as fotos para as edits;

métodos de edição e passo a passo;

como melhorar a qualidade de uma foto;

como salvar a foto corretamente para postar;

dicas de actions e outros resources.

clique em “continuar lendo” para ver o tutorial.

1. SOFTWARE

photoshop

eu recomendo fortemente o uso do photoshop cc na versão mais recente, ou outra versão com camera raw ou filtros neurais suportada pelo seu pc ou notebook.

você também pode usar o photopea como alternativa (eu particularmente prefiro o photoshop pois acho que as edits ficam com mais qualidade). se você preferir o photopea, algumas dicas desse guia poderão não funcionar devido à falta de algumas funcionalidades que o photopea não oferece (ex: camera raw, galeria de filtros, filtros neurais e outros).

eu uso a última versão do photoshop (atualmente, a versão 25.5.1) e uso a versão paga (obrigada adobe pelo desconto de estudante!!!!!), mas vou deixar alguns links para você baixar o photoshop gratuitamente caso você não seja estudante e/ou não tenha condições para assinar um plano.

atualmente eu uso um mac mini 2014 para editar, mas sempre usei windows, então, as dicas e os links valem para os dois sistemas operacionais.

links

macos: 1, 2 & 3.

windows: 1, 2, 3 & 4.

2. BAIXANDO AS FOTOS

galerias de fotos

muitos artistas têm fansites com galerias de fotos e você pode achar facilmente digitando no google: “nome da pessoa + gallery”.

o artista que eu quero não tem galeria própria e agora? tranquilo, ainda temos galerias de fotos de famosos variados como hqdiesel, hqsource, hq-pictures e até mesmo o theplace.

em último caso você pode usar o gettyimages e usar um removedor de marca d’água ou um site como o gettyimages downloader.

instagram

para artistas estrangeiros que tenham apenas instagram e/ou não tenham fotos em galerias de imagens, eu recomendo o instagram pessoal da pessoa.

você poderá fazer o download das fotos com extensões de navegadores como o image downloader for instagram (para firefox e google chrome), ou sites como o saveig, o snapinsta ou o igdownloader.

eu recomendo baixar pela extensão do navegador, pois ela baixa a foto direto do site do instagram no computador, diferente dos sites que você precisará ir foto por foto, copiar o link e colar no site para fazer o download.

mas, caso a extensão esteja indisponível, com algum erro ou pare de funcionar, o site é uma excelente alternativa (só precisa ter mais paciência).

nos sites para baixar fotos do instagram, geralmente eles dão a opção para você escolher o tamanho da foto. você deve sempre selecionar a resolução maior da foto (acima de 1000px é o melhor).

em casos extremos de artistas low profile, sem instagram, sem aparições públicas, sem galerias de fotos, nadica de nada, eu recorro ao pinterest.

porém, é preciso ter muito cuidado ao fazer download de fotos do pinterest, porque são muitas fotos repetidas e muitas com baixíssima resolução e qualidade.

se você for baixar fotos do pinterest, escolha a foto com maior resolução (imagens maiores que 500px já são ok para editar icons), e depois de baixar a foto, eu recomendo fazer um tratamento na foto para melhorar a qualidade dela, como vou ensinar.

3. EDITANDO

3.1 importando a foto no photoshop

apertando ctrl+o ou cmd+o uma guia vai abrir no programa, onde você vai até a pasta onde a foto foi salva. selecione a foto e clique duas vezes nela para abrir.

3.2 cortando a foto nas dimensões desejadas

muitos tutoriais de edições de icons sugerem que você copie a imagem e cole ela em um documento novo já do tamanho da sua edit, mas eu não recomendo essa opção, pois ao redimensionar a foto com a ferramenta de transformar (ctrl+t), ela dá poucas opções para manter a qualidade da foto e se você não souber o que cada opção faz, poderá perder a qualidade da imagem. então, eu sempre faço o recorte na própria foto para não alterar muito a qualidade dela.

aperte a letra c no teclado para abrir o atalho da ferramenta de corte. (se o seu photoshop for alguma versão do cc, eu recomendo que você marque a opção para usar o modo clássico de corte, assim fica mais fácil e você tem um controle maior sobre a ferramenta!). para fazer essa alteração é simples, vá no ícone de engrenagem, clique e marque a opção “usar modo clássico”.

para fazer icons, você deverá cortá-lo usado dimensões quadradas, ou seja, 1x1, e para headers 15x5. você pode mudar as dimensões na caixinha da ferramenta de corte.

3.3 redimensionando a foto

nessa parte você precisará prestar atenção, pois ao redimensionar a foto, você poderá perder ou ganhar um pouco mais de qualidade na foto, e para isso você usará uma opção chamada reamostrar (ou resample se seu photoshop estiver em inglês). deixe a opção marcada para usar as definições.

3.4 explicando as definições do reamostrar e qual definição usar de acordo com o resultado que você quer

bilinear: a melhor opção para redimensionar gifs, mas para fotos não é tão bom pois dependendo da foto algumas partes ficam nítidas, outras mais suaves e se você for aplicar action de nitidez, pode ficar com um aspecto de “craquelado” com as bordas granuladas, o que eu pessoalmente acho que fica um pouco estranho.

bicúbico mais suave (ampliação): como o nome já diz, ele deixa a foto mais suave, ou seja, os pixels “craquelados” e granulados da foto ficarão mais suaves. é uma ótima opção tanto se você for aplicar actions de nitidez ou actions mais desfocadas e mais suaves.

bicúbico (gradientes suaves): pode parecer a mesma coisa do bicúbico mais suave, mas esta opção além de suavizar a imagem, cria um “desfoque iluminado” nas transições das cores da foto. é a melhor opção para fotos sem muita qualidade e principalmente se você for usar actions suaves e desfocadas, sem muita nitidez.

bicúbico mais nítido (redução): acentua os pixels e as arestas nítidas da foto, ou seja, essa definição redimensiona a imagem mas preserva a nitidez da foto. se você usa actions de nitidez que não tem desfoque nas configurações, essa é a melhor opção de reamostra. (mas cuidado, se sua imagem ficar muito nítida com essa definição, você precisará usar outra opção. caso contrário, quando você aplicar a action, a edit poderá ficar muito exagerada e/ou com aspecto áspero.)

preservar detalhes (ampliação) com redução de ruído: esse em especial é ótimo para quando você precisar redimensionar uma foto para deixá-la maior sem distorcer tanto a imagem. você pode ajustar a redução de ruído para deixar a foto mais suave, sem perder muita qualidade. (obs.: essa opção não deve ser usada para redimensionar imagens muito pequenas, por exemplo de 200x200 para 400x400, ou a imagem vai ficar muito distorcida. ela deve ser usada quando a diferença de pixels não é muito grande, por exemplo, você cortou a foto e ela ficou no tamanho 370x370, aí sim você pode redimensionar para maior sem perder muito da qualidade. então você pode ir ajustando a qualidade com a porcentagem da redução de ruído).

pelo mais próximo (arestas sólidas): essa é uma opção traiçoeira, pois não fica bem em quase nenhuma imagem (a menos que seja um pixel art). essa definição redimensiona a imagem e mantém os pixels nítidos, ou seja, a foto fica menor mas tudo nela que tem aspereza vai prevalecer. é muito usada para redimensionar pixel art, pois preserva as bordas ásperas. pode ocorrer de ficar boa em uma foto aleatória mas não será possível aplicar action, ou a imagem ficará exagerada.

3.5 aplicando a nitidez depois de redimensionar

depois de escolher a foto, baixar, redimensionar de acordo com o estilo da action da sua escolha, está na hora de aplicar.

eu fiz duas versões para mostrar como fica com cada tipo de action:

assim, os dois icons tem uma alta qualidade usando actions diferentes, graças a remostragem ideal para cada tipo de action :)

4. TRATAMENTO DE IMAGEM PARA MELHORAR A QUALIDADE

nesta parte, é muito importante que você tenha baixado uma versão do photoshop com neural filters e/ou com o camera raw, mas caso você não tenha, tudo bem também, vou ensinar como fazer uma melhoria na foto de três jeitos: com camera raw, com neural filters e com desfoques. a melhor forma vai depender de quão ruim está a qualidade da sua foto. em geral, apenas fazendo ajustes no camera raw você já tem um ótimo resultado na maioria das fotos.

camera raw

se seu photoshop tem o filtro do camera raw, ele vai estar em filtro > filtro do camera raw...

tudo que iremos fazer será na aba de “detalhe”, ali você deve dar mais atenção ao ajuste de redução de ruído, pois é ele que vai remover o ruído da imagem e melhorar a qualidade dela.

vá mexendo nas configurações de redução de ruído até que a foto fique mais suave. ajuste também o detalhe e o contraste da redução de ruído.

essa parte será mais no olhômetro mesmo, pois as configurações vão variar de foto para foto, mas eu recomendo muito você mexer também na nitidez para não deixar a foto tão desfocada, mas nada muito intenso para não interferir na action que você irá usar.

eu mexo também na redução de ruído de cores, porque dependendo da foto, algumas cores estarão saturadas ou com muito ruído. só cuidado para não colocar um número muito alto, pois esse ajuste pode tirar a saturação da sua foto e deixá-la apagada.

enfim, aqui está uma comparação da foto original com o tratamento feito com o filtro do camera raw e depois já com a action de nitidez aplicada:

e essas foram as configurações que usei nessa foto em específico:

como eu disse antes, as configurações irão variar de foto para foto, a depender da qualidade de cada uma e de quão ruim a foto está, mas com essa configuração básica, você já vai conseguir melhorar algumas fotos.

neural filters

se a versão do seu photoshop vem com neural filters (ou filtros neurais), ele estará em filtro > neural filters...

irá abrir uma janela com vários filtros mas o que a gente irá usar vai estar em “restauração”, com o nome “remover artefatos jpeg”. se precisar, faça o download do filtro.

eu recomendo usar a intensidade sempre média, a menos que a foto esteja muito ruim, aí você usa a intensidade alta. mas em geral, a intensidade média ou baixa já dá conta do recado.

a saída deve sempre estar na camada atual, ou seja, na camada da foto selecionada.

assim:

e aqui está uma comparação da foto original com o tratamento feito com o neural filter e depois já com a action suave com desfoque aplicada:

a opção do neural filter é uma ótima alternativa ao camera raw, o único contra é que ele deixa a foto com uma textura áspera, e quando você usa uma action de nitidez eles ficam muito visíveis e acaba não ficando muito legal.

porém, um bom jeito de contornar isso é adicionando ruído na foto. eu uso o efeito de granulação do camera raw para adicionar ruído no icon (você também pode adicionar o ruído em filtro > ruído > adicionar ruído..., mas eu prefiro o camera raw pois ele dá mais opções para ajustar o granulado do jeito que eu preferir).

no primeiro icon abaixo, dá para perceber a textura áspera que o neural filter deixa depois de melhorar a foto e adicionar nitidez; já no segundo icon eu mostro como eu adicionei o ruído e contornei esse defeito.

as configurações de ruído que usei no camera raw foi 12 de granulado, 35 de tamanho e 20 de aspereza.

lembrando que, se você for usar uma action de desfoque e/ou remoção de ruído, não será necessário adicionar a granulação, pois a própria action já vai suavizar a textura do neural filter (a menos que você queira adicionar o ruído, claro).

redução de ruído + desfoque

caso a sua versão do photoshop não tenha nenhuma das opções de camera raw ou neural filter, caso você use um photoshop mais antigo, photoshop portable ou prefira usar o photopea, essas alternativas podem ser úteis.

mais uma vez, irei me basear no olhômetro, de acordo com a foto e irei ajustando as configurações de acordo com o que eu quero e acho necessário.

vamos começar com a redução de ruído! ele está em filtro > ruído > reduzir ruído...

na janela de redução de ruídos você verá alguns ajustes que são: intensidade, preservar detalhes, reduzir ruído de cores e tornar detalhes nítidos e vou explicar cada um para que você possa saber ajustar eles de acordo com sua foto:

intensidade: o número de 1 a 10 irá definir a intensidade da luminescência, a intensidade do filtro e o quanto da imagem você quer preservar ou extinguir, sendo 1 o mínimo da intensidade do filtro e 10 o máximo;

preservar detalhes: o número digitado irá definir a porcentagem de detalhes a serem preservados. quanto maior o número, maiores serão os detalhes mantidos na foto, como ruídos, manchas e outras aberrações da foto;

reduzir ruído de cores: o número digitado irá definir a intensidade e reduzir o ruído cromático, ou seja, vai reduzir as aberrações cromáticas, como por exemplo, fotos que distorcem as cores. preste atenção na porcentagem inserida, pois quanto maior o número, menos saturação sua foto terá e poderá ficar com aspecto de foto envelhecida;

tornar detalhes nítidos: o número digitado vai definir a porcentagem de nitidez para restaurar pequenos detalhes da foto. quanto maior a porcentagem, maior vai ser a intensidade dos detalhes da foto. preste atenção na porcentagem inserida, pois se a intensidade da nitidez for muito alto, vai afetar a sua action, seja ela de nitidez ou de desfoque.

sendo assim, para a foto usada eu fiz estes ajustes:

obs.: se você for um usuário mais avançado do photoshop, poderá explorar a opção avançado, que possui as configurações básicas para melhorar a foto e também as configurações para remover ruído das cores primárias (vermelho, amarelo e azul) individualmente. mas, mesmo se você não for um usuário expert, eu recomendo você dar uma olhada nessa opção e explorá-la, mexendo nas configurações e ir ajustando e aprendendo, pois o resultado poderá ficar ainda melhor nos ajustes avançados.

aplicado a redução de ruído, vamos partir para o desfoque! eu estarei usando o desfoque inteligente antes do desfoque de caixa. você vai achá-lo em filtro > desfoque > desfoque inteligente...

na janela que abrirá, você verá os ajustes: raio, limiar, qualidade e modo. vou explicar eles:

raio: vai determinar o tamanho da área que será considerada para o desfoque. quanto maior o número, mais detalhe serão preservados;

limiar: vai determinar a diferença dos pixels entre si antes de serem alterados pelo desfoque.quanto maior o número, maior será a área em que o desfoque será aplicado;

qualidade: vai determinar a qualidade e intensidade do desfoque. ao escolher a opção mais alta, mais partes da foto o desfoque atingirá;

modo: vai determinar o traçado das linhas de bordas que o filtro identificar. o modo normal aqui é o ideal, pois os outros modos “somente arestas” e “sobrepor arestas” irão identificar somente as bordas da imagem.

sendo assim, esses foram os ajustes:

após o desfoque inteligente, partiremos para o desfoque de caixa! ele está em filtro > desfoque > desfoque de caixa...

(você também poderá usar o desfoque gaussiano a depender da foto, mas para esta em questão, o desfoque de caixa funcionou perfeitamente)

a intensidade do desfoque de caixa, assim como do desfoque gaussiano, é medida em pixels e o mínimo é 1 pixel, e para icons é uma intensidade forte, então eu coloco o número mínimo (1, no caso) e depois de clicar em OK e aplicar o desfoque, vou em editar > atenuar desfoque de caixa... e ajusto a porcentagem de acordo com a foto. nessa foto deixei a porcentagem em 33% e ficou ótimo.

no entanto, infelizmente, por não ser o melhor método para melhorar a qualidade de uma imagem, ela ficará um pouco desfocada demais. mas podemos contornar isso usando o filtro alta frequência para devolver um pouco da nitidez e detalhes na foto. você encontrará esse filtro em filtro > outros > alta frequência...

o filtro de alta frequência, assim como os desfoques, é medido através de pixels e quanto maior o número, mais detalhes passarão despercebidos, ou seja, menos detalhes e menos nitidez sua foto terá. eu recomendo em torno de 2px se você quiser mais detalhes e em torno de 5px se você quer mais suavidade.

a primeira vista esse filtro parecerá estranho e distorcido, mas dará tudo certo, você só precisará mudar o modo de mesclagem. para isso vá em editar > atenuar alta frequência e mudar o modo de mesclagem para “sobrepor” ou “luz indireta” se você quiser que fique mais suave. se preferir, poderá também ajustar a opacidade para os detalhes ficarem mais ou menos intensos.

assim:

assim fica o resultado sem o filtro de alta frequência e com o filtro:

sendo assim, fica a seu critério usar o filtro ou não.

aqui está a comparação das fotos com o tratamento de redução de ruído + desfoque com e sem o uso das duas actions:

5. SALVANDO A EDIÇÃO

e chegou a melhor parte: salvar a edição para postar!

seja a edição um icon, uma header, ou qualquer outro gráfico estático (edições não animadas), a melhor opção é sempre, sempre, SEMPRE, salvar no formato PNG!

o formato jpg ou jpeg não preserva a qualidade original como o formato png preserva. então, sempre escolha esse formato ao salvar suas edições estáticas!

a melhor forma de salvar uma edição em alta qualidade é exportando ela. sendo assim, vá em arquivo > exportar > exportar como...

em “configuração de arquivo”, selecione o formato PNG e desmarque a opção “transparência” se sua foto não é uma imagem com fundo transparente; em “tamanho da imagem” deixe como a altura, a largura e a escola como estão, apenas mude a opção em “criar nova amostra” para BICÚBICO AUTOMÁTICO; e em “espaço da cor” marque a opção CONVERTER PARA SRGB, porque assim, independente da calibração do seu monitor, a foto ficará com as cores originais e não sofrerá alteração.

assim:

no entanto, se você tiver um pc ou notebook lento, ou apenas não tiver paciência para salvar sua edit em exportar, você pode salvar no modo normal, indo em arquivo > salvar como... OU arquivo > salvar uma cópia..., no entanto, se você for usar essa opção, não esqueça de marcar a caixinha para “incorporar o perfil de cores srbg”, essa opção geralmente fica na parte de baixo da janela que abre quando você vai salvar a edição.

6. ACTIONS & RESOURCES

para facilitar pra vocês, todos as configurações de filtros usados neste guia, estarão disponíveis para download em uma pasta de action. para fazer o download é só clicar aqui: ★. já a dupla de actions usadas (a de nitidez & a de desfoque suave) estarão disponíveis para download na lista de dicas abaixo.

dicas de actions de nitidez – premium & gratuitas (free)

lovie potion by @loviestudio [premium]

action #26 by @harupsds [premium]

action #25 by @harupsds [free]

01 action by @harupsds [free]

cherrie by @loviestudio [free]

action #11 by @miniepsds [premium]

face action by @miniepsds [premium]

crispy by @nebulies [free]

scarlett by @l-agallerrie [free]

eight action by @peachcoloring [premium]

bubblegum by @hisources [free]

kendall by @hisources [premium]

hekate by @hisources [premium]

sharpen by @l-agallerrie [free]

#01 action by @buntterflies [free]

dicas de actions “suaves” – premium & gratuitas (free)

teddy bear by @loviestudio [free]

action ten by @peachcoloring [premium]

caelestis by @miniepsds [premium]

fleuriste by @hisources [free]

angel by @loviestudio [free]

action #13 by @harupsds [premium]

action #12 by @harupsds [premium]

wild action by @hisources [free]

outras actions – premium & gratuitas (free)

denoise action effect — remove o ruído das fotos sem perder muita qualidade by @loviestudio [premium]

photopea quality action — action para melhorar a qualidade da foto no photopea by @loviestudio [free]

exclusive hq actions — um conjunto com as actions que foram usadas neste tutorial by @girasois, @loviestudio [free]

denoise and sharpen actions — conjunto de actions para melhorar a qualidade da foto automativamente by heavnsent

7. BÔNUS: DICAS EXTRAS

a adobe cc learn tem muitos tutoriais que você pode dar uma olhada e aprender muito mais sobre o photoshop e outros programas da adobe!

o youtube é outra fonte incrível para você aprender edição no photoshop, lá você encontra tutorial para quase tudo de edição de fotos e muito mais! se você entende inglês, eu recomendo muito os canais piximperfect e brendan williams tutorials.

para fonte de inspirações, o tumblr é o lugar certo! se jogue nas tags para se inspirar e nos blogs de photoshop para ver muito mais tutoriais e muito mais resources.

o blog @looksgreat infelizmente não é mais atualizado, mas você ainda pode encontrar muitos tutoriais sobre quase tudo de edição, e o melhor, todos os tutoriais são em português!!

ainda recomendo outros tumblr brasileiros de resources e tutoriais: @miniepsds, @harupsds, @peachcoloring, @gmfioart, @colour-source, @l-agallerrie, @wasirauhlpsds, @hisources, @opulenceps, @sunshinepsds, e @loviestudio; e no deviantart: jungrainsoul, rockjealous, heavnsent, aureangels e rohdossantos.

8. CRÉDITOS E INFORMAÇÕES

crédito colorings

off hearts + whimsy by @miniepsds ♡

informações

antes de tudo eu gostaria de pedir desculpas pelo tamanho deste guia, mas eu quis abranger o máximo de dicas possíveis para vocês e deixar o tutorial super completinho.

em segundo lugar eu gostaria de agradecer todo o carinho de vocês, isso me motiva muito a continuar. obrigada, de coração!

enfim, é isso! minha ask estará sempre aberta para dúvidas, sugestões, pedidos e mensagens fofas (sempre com educação e respeito, claro)!

168 notes · View notes

jackhelps · 6 months ago

Text

— COMO JOGAR PELO TUMBLR MOBILE?

Tutorial básico de como jogar rpg pelo aplicativo mobile do tumblr.

Recebi essa ask aqui me pedindo um guia pra jogar rpg pelo mobile, e como disse, eu nunca joguei pelo celular. Fui dar uma procurada em tutoriais e tentei explorar o app pra jogar, e trago boas e más notícias. A boa notícia é que é possível sim jogar pelo celular, mas além de ser um pouco mais complexo, você precisa usar o navegador pra isso e para formatar, usar o html.

É obrigatório formatar usando html? Não. Eu vou explicar o que eu usei aqui, mas são detalhes opcionais e preferências minhas. Você pode pular essas partes.

Já adianto também que, felizmente, não muda muita coisa entre mobile e desktop, além de alguns detalhes específicos que vou colocar aqui. Então é totalmente possível jogar.

De qualquer forma, se tiverem dúvidas, minha askbox está aberta!

Primeiro, a forma de jogar não vai mudar. Você vai reblogar posts e postar posts, como eu expliquei no primeiro guia de como jogar no tumblr.

Nesse guia, vou repassar as mesmas informações, usando o aplicativo, mas recomendo a leitura do primeiro guia para mais detalhes.

Customização e fixado:

No aplicativo, a opção de customização é diretamente no seu perfil. Você vai entrar no blog, clicar na paleta de tintas e vai abrir a seleção para customização do icon, header, cor de fundo e de realce.

Eu acredito que, quando você cria um tumblr diretamente pelo mobile, a opção de theme customizado já vai estar desativada, então você só precisa customizar normalmente. Eu vou usar o app do pinterest pra buscar as imagens e o lingojam para as fontes.

No final, vou ter algo assim:

Agora, vamos para o nosso fixado. Para criar posts você vai selecionar o lápis, e para ser um post de imagem, é só selecionar a sua foto de header primeiro, já que o app não permite escolher um formato específico como no desktop.

Feito, vou colocar a minha descrição inicial, e depois o readmore com esse ícone na barra inferior:

E depois adicionar a bio. Igual ao post no desktop, nós vamos ter algo assim depois de postado:

Você seleciona os três pontos no topo direito, e clica em fixar. Pronto!

Um detalhe: toda vez que você der enter, o app vai iniciar um novo parágrafo, dando espaço entre as duas linhas. Por isso os cortes no recuado.

OPCIONAL: Pra retirar esses espaços, você vai precisar usar o navegador, ir até o post e editar ele. Você entra no menu do canto superior direito, rola até encontrar editor de texto e muda de rich text para html:

Depois que seu post for transformado em html, você precisa alterar duas coisas: os parágrafos e os blockquotes. Deixei marcado em amarelo o que precisa retirar e mais abaixo vou explicar o que significa:

A tag <p> significa o início de um novo parágrafo, e </p> o fim dele. Perceba que no meu post essa tag está entre todas as linhas, justamente porque o app adicionou um novo parágrafo toda vez que eu iniciei uma nova. Primeiro, então, eu preciso retirar as tags de parágrafo, exceto a primeira e a última, e apenas no início das linhas novas eu adiciono a tag <br>, que significa uma quebra de linha.

Agora, <blockquote class="npf_indented"> é onde começa um novo recuado, e </blockquote> é onde finaliza. Da mesma forma que a tag de parágrafo, eu vou retirar todas elas do meio do texto, deixando a primeira e a última.

No final, meu código vai ficar assim:

Note a posição do <br> no início de onde quero começar uma nova linha.

Salvo o post assim e volto pro app pra editar o post e adicionar o read more novamente. Se você seguiu esse passo, vai ficar assim:

Tumblr pronto!

Para ilustrar, é assim que os users de desktop vão ver o seu tumblr:

Tudo normal, nenhuma diferença de ter customizado ele pelo mobile.

Como jogar:

O básico continua o mesmo do meu tutorial inicial: posts de textos e reblogs. O tumblr mobile tem as mesmas funções que no desktop quanto a isso, então não tem muito o que explicar. Você vai seguir o padrão do tutorial inicial, mas o detalhe do mobile é que não tem como cortar os posts.

Eu testei vários tutoriais, adicionando código ao link, tentando baixar o firefox e editando no navegador, mas todos os tutoriais tem mais de 2 anos e desde então o tumblr atualizou algumas vezes, e isso não funciona mais.

Portanto, a única opção para os users do mobile é pedir para o seu parceiro de jogos para cortar o post na vez dele. Ninguém vai se incomodar com esse pedido, já que o outro player teria que fazer isso de qualquer forma. Se alguém souber de uma maneira de cortar posts no mobile, por favor me avise que eu incluo aqui.

Depois, é claro, temos o detalhe dos gifs, que também vai ser precisar feito pelo navegador.

Antes de começar, você pode escrever a sua resposta pelo aplicativo e salvar nos rascunhos.

Eu aconselho que você já tenha as suas gifhunts salvas no navegador, então só vai precisar abrir ela quando for editar. Meu exemplo vai ser essa aqui:

Selecione o gif que vai usar e salve no seu celular. Depois vá até o navegador e abra o post nos rascunhos. Selecione o ícone de foto vermelho, o gif que você salvou da gif hunt e pronto:

Ele vai ser adicionado no tamanho correto e funcionando. Depois é só salvar, ou postar. Vai ficar assim:

Edição: recebi esse comentário e não precisa salvar o gif! Você pode só copiar e colar o link, como explicado.

"Posso fazer isso pelo app do tumblr?" Não. O gif não abre corretamente, ficando travado no primeiro frame. Aconselho vocês a testarem, mas essa foi a minha experiência tentando adicionar um gif pelo app.

Agora, então, sabemos como reblogar e adicionar gifs. Para entender a dinâmica e tudo mais, recomendo a segunda parte do guia.

Nele eu falei brevemente sobre formatação dos turnos, e o app do tumblr tem as mesmas funções, basta selecionar o texto ou clicar em Aa:

Para deixar as letras pequenas, você seleciona o texto e clica em <s>, da mesma forma que no desktop. E para adicionar o recuo, você vai clicar em Aa e selecionar 'indented', ou em português recuo mesmo.

No geral, as diferenças entre mobile e desktop não são gritantes. Eu pessoalmente acho um tanto inconveniente jogar pelo mobile por ter que ir até o navegador e tudo mais, mas não é algo que me impediria de jogar se fosse a única opção. Além disso, como eu já falei no outro guia, algumas centrais não cobram que você use gif obrigatoriamente, então é só um detalhe também.

A questão de html ali pra retirar os parágrafos é totalmente opcional, e sobre cortar posts, não há problema nenhum em explicar para seus parceiros de jogo que está no mobile e não consegue fazer isso. Eu já fiz algumas vezes no 1x1, por exemplo, e todos compreendem (a não ser que você dê o azar de encontrar algum player babaca, mas nesse caso aconselho até evitar interação em geral).

Espero que esse tutorial tenha ajudado de alguma forma, qualquer dúvida, a inbox está aberta!

#rp br #rph #rph br #rp help #guides #jackhelps #jack helps #j: guias #pt resources #rpc

30 notes · View notes

imninahchan · 1 year ago

Note

será que podemos falar sobre o tipo de namorado que o enzo deve ser?

OMG I LOVE THIS QUESTION (desaprendi a fazer headcannon perdões maaaas

Acho que ele é o maior romântico incurável do mundo. O sonho da vida dele é se apaixonar tão arrebatadoramente que não vai pensar duas vezes antes de pedir a pessoa em namoro, ou de ficar fantasiando com o casamento, com quantos filhos vai ter.

E ele não sabe disfarçar, por mais que queira passar a vibe de que não está emocionadinho nem nada, por causo do orgulho, mas você consegue perceber o brilho no olho dele, o jeito que te olha com aquela carinha 🥺 quando você está explicando que não vai poder passar na casa dele essa noite depois do trabalho. Também tá na linguagem corporal, em como o corpo está sempre virado pra ti; mas palavras, nos apelidinhos carinhosos pra se referir a ti ao ponto de às vezes se esquecer de que pode simplesmente te chamar pelo nome. Definitivamente aquele cara que diz não mas a minha garota

Como namorado, acho que linguagem do amor dele é uma mistura de tudo, de tão apaixonado que é por ti. Vai te encher de elogios no cotidiano, de ânimo através das palavras, da comunicação direta. Ele presa muito por diálogo, por ter a oportunidade de dividir uma refeição contigo durante o dia e poder fofocar, contar com o que sonhou ou o que planeja fazer no dia. Aquela pessoa que vai te contar o cronograma todo dele só porque quer que você saiba onde e como encontrá-lo quando desejar.

Também prioriza tempo de qualidade e atos de serviço. Não aceita ficar mais de 12 horas sem ouvir a sua voz ou ter algum sinal de que você tá bem. Não fica mandando msg a cada passo que dá, mas é daqueles que avisa quando chega no destino (e gosta que você faça o mesmo), que vê algo na rua e manda uma foto dizendo que lembrou de ti, que manda foto da roupa que tá vestindo pra você opinar e foto de puto na frente do espelho e topa fazer chamadinhas de vídeo no fim do dia quando não se viram pessoalmente (ele segurando a câmera no enquadramento igual millenial

Que ama quando você pede pra ele fazer algo pra ti, porque se sente importante na sua vida. Queimou a sua resistência? Pode ligar pra ele que ele resolve, mesmo que tenha que ver tutorial escondido. Que se perceber que você tá tristinha, vai dar um jeito de comprar uma comida pra ti, te levar pra dar uma volta (andar de bike

Que é um príncipe com a sua família. Os seus pais amam ele, porque é calmo, prestativo, educado, e charmoso claro. Tem aquela energia de quem quer mesmo um relacionamento duradouro e que vai te assumir e ter filhinhos contigo.

(E por falar em filhinhos, a minha cabeça AMA imaginá-lo com um puta breeding kink apenas pelo fato de que ele te ama tanto que seria catártico te engravidar)

Que é super aberto a querer realizar os seus desejos na cama, até esquecendo das vontades dele. Que o maior tesão desde que começaram a namorar é que você use uma lingerie pra ele te fotografar antes de foder, só arrastando pro lado pra não estragar o look.

Que, às vezes, se pega pensando que só pode te comer educadinho porque você é namorada/noiva dele, então ele tem que te respeitar🤧 eu poderia falar por horas e horas, o enzo me desperta muitas coisas que presente que esse homem foi meu deus

#[💌] fala comigo bebê #headcannons #enzo vogrincic

98 notes · View notes

mahgi · 1 year ago

Text

— TUTORIAL DE COMO FAÇO MEUS ICONS PELO CELULAR

Olá! Como vocês estão? Eu espero que bem. Há um tempo atrás, recebi uma ask me perguntando como eu faço meus icons e decidi trazer um tutorialzinho aqui pra quem também tem esse interesse.

⠀

Vale ressaltar que, se você procurar direitinho, conseguirá encontrar diversos outros tutoriais de iconmakers ensinando seus métodos. Digo isso porque a forma como eu produzo meus icons pode ser considerada um pouco mais estendida do que os demais costumam fazer. Não quero dizer mais elaborada! Na verdade, é como se eu fizesse as mesmas coisas que os demais, mas pegando um caminho mais longo. De qualquer forma, foi o jeito como eu aprendi a fazer quando me interessei em criar icons e continuo ainda assim pela comodidade.

⠀

• Para começarmos, você usará o site Photopea. É lá que será feito tudo. Entrando no site, vá na aba lá em cima escrita "Arquivo", depois clique em "Abrir" e selecione a imagem que você irá usar. Com a imagem pronta, vamos para os primeiros passos da edição. Recortar a imagem para que ambos os lados tenham a mesma largura e altura é importante mais para frente. Então, ao recortar a imagem, selecione aquela tabelinha e troque "Livre" por "Taxa fixa". Ao arrastar as abas de cima para o lado (assim como na imagem 4), você só precisará clicar em "✓".

• Depois, você irá encontrar a aba "Imagem" também ali acima e, ao clicar nela, irá procurar por "Tamanho da imagem". Feito isso, aparecerá uma tabelinha onde você usará as seguintes medições: largura → 120, altura → 120 e DPI → 7200. Aí você só aperta em "Aceitar" para concluir.

• Ainda nas abas superiores, você as arrastará até encontrar "Filtro". Ali, você irá em "Aguçar" e, em seguida, "Aplicação inteligente de nitidez". Depois, ajuste a Quantia para 200% e o Raio para 0,5 px.

• Após aceitar e, ainda em "Filtro", você irá até "Ruído" e selecionará "Reduzir ruído". Nessa outra tabela, você deixará a "Força" em 1. (Vamos ignorar que eu marquei o errado na imagem 11)

• Com esses ajustes agora prontos, você voltará para as abas acima e irá até "Arquivo" novamente, mas dessa vez para buscar seu PSD (essa parte da aplicação do PSD é opcional. Caso não queira, pule para a imagem 16). Com o PSD em mãos, clique naquele ícone indicado ali no canto da imagem 14 e faça exatamente o que está sendo feito na imagem 15. Aproveitando para informar que meu PSD está disponível para uso no DeviantArt.

• Com o PSD ajustado na imagem, clique na mesma novamente para o último ajuste. Voltando à aba "Filtro", vá novamente para "Aguçar" e dessa vez selecione "Tornar nítido". A última etapa é a exportação, encontre a aba "Arquivo" novamente, mas agora selecione "Exportar como...". Para usar no Spirit, você precisa exportá-la como PNG ou JPG.

Geralmente, eu termino por aí, mas de vez em quando gosto de adicionar uma camada 3D. Então, faço o seguinte:

• Repito o mesmo esquema da imagem 1, mas desta vez pego o icon pronto. Vou até a aba "Camada" e clico em "Duplicar camada". Abro novamente aquele ícone (imagem 20) e clico duas vezes seguidas em "Layer". Feito isso, outra tabela maior aparecerá e, ao arrastá-la para o lado, surgirão essas três letras marcadas: R, G e B. Quando desmarcadas, cada uma delas dará cores diferentes para o efeito 3D. A letra R é vermelho com azul, a letra G é rosa com verde e a letra B é amarelo com roxo.

• Ao desmarcar a escolhida e aceitar, você dará um zoom bem próximo na imagem e, certificando-se de que ainda está na layer, puxará a mesma minimamente para o lado para então "ativar" o efeito 3D, conforme a última imagem ensina. O processo de exportação é o mesmo explicado anteriormente.

Não vou mentir, acabou sendo mais longo do que eu esperava kkkkj, mas pelo menos está detalhado para que vocês não tenham dúvidas. Espero sinceramente que seja útil para vocês e me deixem saber o que vocês acharam comentando aqui. Lembrando novamente que meu PSD está disponível para uso (não se esqueçam de me dar créditos se usarem).

Tchauzinho <3

#mahgi #icons 120x120 #120x120 #icon 120x120 #120x120 icons #spirit icons #icons spirit #icons para spirit #social spirit #120×120 icons #spirit fanfics #icon maker #tutorial tumblr #tumblr tutorial #spirit

72 notes · View notes

guianegociosdigitais-blog · 5 months ago

Text

youtube

🚨 Sim, é possível criar designs incríveis sem contratar um designer! 😱🎨 Se você acha que precisa gastar uma fortuna para ter artes profissionais, precisa ver esse vídeo agora! Vou te mostrar como usar o Canva para negócios, mesmo que você seja iniciante e nunca tenha criado nada no Canva antes. 🚀✨ 👉 Assista agora e descubra como transformar suas ideias em posts, e-books e banners incríveis de um jeito simples e rápido!

Como usar o Canva para negócios para iniciantes Passo a passo do zero ao avançado Você quer aprender como usar o Canva para criar designs incríveis mesmo sendo iniciante? Então este tutorial Canva é para você! Vou te mostrar como usar o Canva no PC de forma simples e prática, explorando todas as funcionalidades dessa ferramenta Canva. Se você está buscando um curso de Canva grátis, aqui você encontrará uma verdadeira aula de Canva com dicas valiosas. Neste vídeo, você vai aprender como utilizar o Canva gratuito, criar posts profissionais e descobrir truques Canva que vão facilitar sua vida. O Canva para iniciantes é perfeito para quem quer criar designs sem precisar de conhecimento avançado. Além disso, se você pensa em usar o Canva para negócios, este tutorial vai te ajudar a transformar suas ideias em projetos profissionais. Vou te ensinar como criar no Canva e dar dicas ferramenta Canva para otimizar seu tempo e criar artes incríveis. Se você quer aprender mais sobre Canva design, esse é o lugar certo! O Canva grátis tem muitas funcionalidades que você pode explorar, e eu vou te mostrar como aproveitá-las ao máximo. Se você busca um curso de Canva, continue comigo até o final e descubra como essa ferramenta pode ser um diferencial para você. E se você precisa criar artes para redes sociais, verá como fazer posts no Canva com facilidade. Assista agora e domine o Canva para negócios para iniciantes! Curso que indico para aprender a trabalhar online: http://fiqueisemcracha.com.br/aprender Ebook Gratis - 4 Passos Simples para Montar um Negócio Online: http://fiqueisemcracha.com.br/ebook-negocio-online-em-4-passos/ 🔹 O que você vai aprender: ✅ Como criar uma conta no Canva ✅ Como usar os modelos prontos para posts, infográficos e e-books ✅ Como personalizar fontes, cores e elementos gráficos ✅ Dicas e truques para deixar seus designs profissionais ✅ Como criar posts para redes sociais rapidamente 📢 Bônus: Este é o PRIMEIRO vídeo de uma série sobre Canva! Inscreva-se para aprender segredos, hacks escondidos e técnicas avançadas que podem até gerar renda! 💰 🔗 Acesse o Canva aqui: https://canva.com 🔗 Crie seu e-mail no Gmail: https://youtu.be/731oIrwzl6s 📺 Vídeos recomendados: 👉 Playlist completa de Canva 🔔 Se inscreva no canal e ative as notificações para não perder os próximos vídeos! 📌 Me siga nas redes sociais para mais dicas: __ Meu Blog: https://fiqueisemcracha.com.br Instagram: https://www.instagram.com/luanafranco Contato: https://fiqueisemcracha.com.br/contato Link do Canal: https://www.youtube.com/channel/UCp7TZTvJlQLpR09ghuYWfSg Link do Vídeo: https://youtu.be/qhJalSjeIp4

0 notes

jiseokerina · 1 year ago

Text

━━ ★ TUTORIAL: FINALIZAÇÃO DE CAPA

E ai, xuxus! tão numa boa?

Já faz um tempinho que estou devendo uma resposta para uma ask que recebi no começo do ano a qual um(a) de vocês me perguntava como eu finalizava as minhas capas. Infelizmente, ao tentar fazer esse tutorial com a minha última arte postada, acabei deletando a ask sem querer, então não consigo mais responder por lá. Para quem a enviou para mim: desculpe pela demora xuxu!! tô até envergonhada por ter demorado tanto tempo assim para te responder... muito obrigada pelo carinho e por ter me acompanhado desde a era gaonsu!! ♡

Antes de tudo, gostaria de dar todos os créditos para @mercuryport, @maluyoongi e @kodalindissima. Sempre que termino de editar as capas, tenho o costume de mesclar as infos das finalizações disponibilizadas em seus sites, as medidas não são minhas, então a cada passo do tutorial estarei indicando de quem são cada informação passada.

OPCIONAL:

Essa parte é opcional, pois dependendo da capa o posterizar não combina muito, mas como nessa eu o usei, achei melhor colocar aqui.

Quando escolho por usar, sempre utilizo esse efeito antes de começar a finalização, pois se aplicar depois sinto que a qualidade da imagem não fica boa. Na maioria das vezes aplico o posterizar sob a camada do coloring ou sob a camada do mapa degradê, que costumo a usar mais do que colorings.

Para aplicar o posterizar basta clicar naquele iconizinho lá embaixo, onde coloquei um quadradinho vermelho, e ele irá aparecer dentre as opções disponíveis. Ao clicar nela, irá abrir uma aba onde estará escrito "níveis", os números que uso ali dependem muito de capa para capa, mas sempre vario entre 12, 13 e raramente 14. Para essa arte em especifico, no entanto, eu ajustei o nível para 17.

créditos do coloring usado: @colour-source

1. topaz: salve a capa em png e abra o arquivo. Ao fazer isso, vá em "filtro" na parte superior do photoshop e selecione "topaz labs" dentre as opções que irão aparecer. Lembrando que é necessário ter o Topaz Clean 3 plugado no photoshop para conseguir usar essa opção.

Normalmente costumo usar muito as medidas que a @maluyoongi me passou, assim como nessa capa, mas tenho outras duas medidas salvas no meu "PRESETS" que pertencem a @kodalindissima e @mercuryport. Dependendo da capa e das necessidades dela, intercalo entre essas três medidas.

Antes de divulgar essas medidas, solicitei a autorização da @maluyoongi para estar repassando para vocês. Não estou mostrando as demais salvas pois, diferentemente da Malu, não conheço as(os) capistas mencionadas(os) em particular, apenas as suas artes, então não acho justo sair divulgando sem uma autorização, ainda mais quando já estão disponíveis em seus perfis.

2. aplicação de nitidez: medidas dos passos seguintes disponíveis no perfil da @kodalindissima.

Após aplicar o topaz, sigo a aplicação de nitidez da @kodalindissima que está disponível nesse post (link) no perfil dela. As medidas que usei para essa primeira aplicação de nitidez estão no passo 3 do post dela. Não estarei divulgando explicitamente as medidas aqui pois não solicitei a autorização dela, então acho mais justo encaminhar vocês para o post dela.

3. ruído: para aplicar o ruído vá em filtro > ruído > adicionar ruído.

Assim como o posterizar, a intensidade do ruído vai depender muito das qualidades das fotos que você usou para montar a capa. Muitas vezes, quando as fotos escolhidas não tem uma qualidade muito boa, é sempre bom usar o ruído numa intensidade menor, para não deixar a imagem com um aspecto ruim. No entanto, se as fotos são de uma qualidade melhor, dá para ousar um pouco mais no ruído. Ainda assim eu nunca passo do 3%.

Geralmente eu uso a intensidade mencionada no passo 3 da @kodalindissima (link), mas quando a qualidade das imagens que eu escolho não estão muito boas, eu uso a intensidade do ruído mencionada no post (link) @mercuryport.

4. outra aplicação de nitidez: depois que eu já apliquei o topaz, nitidez e o ruído, aplico mais um pouco de nitidez. A intensidade e o raio dessa segunda aplicação está disponível no passo 5 do post da @kodalindissima.

Depois de aplicar essa segunda nitidez, sigo a risca o restante do tutorial dela. Ou seja, a partir do passo 5 do post dela, eu não mesclo com outro tutorial, sigo a risca as instruções dela. E, no final, o resultado final fica assim:

Eu sou péssima para explicar as coisas, mas espero ter conseguido passar tudo certinho para vocês. Sei que talvez fique meio confuso de entender, porque terão que ficar navegando de um post para outro, mas como não pedi autorização para as capistas para disponibilizar explicitamente as medidas, então não achei justo simplesmente colocar aqui. Uma dica, que inclusive a @kodalindissima, ensina no tutorial dela, é salvar essa finalização em uma action para vocês não precisarem ficar navegando de post em post o tempo todo para finalizar a capa de vocês.

obrigada pelo carinho!!♡

espero ter conseguido ajudar.

#tutorial #finalização #ask

78 notes · View notes

neozhelps · 9 months ago

Text

ㅤㅤㅤ✧ﾠ—ﾠ⋆ﾠTUTORIAL: COMO FAZER GIFS MAIS RÁPIDO!

é, eu disse que ia fazer um vídeo sobre isso, mas a preguiça de editar falou mais alto... eu até cheguei a gravar, mas ficou muito longo e acho que seria mais rápido fazer esse post mesmo, então aqui está! demorou, mas chegou!

para seguir esse tutorial, vocês vão precisar do adobe premiere pro, adobe photoshop e da extensão do premiere after codecs, que conseguem baixar de graça no google.

— BAIXANDO OS VÍDEOS OU EPISÓDIOS.

antes de tudo você precisa ter o vídeo que vai gifar salvo no seu computador, né? então escolha o vídeo ou série e faça o download! aqui estão as formas que eu faço pra baixar o que preciso:

savefrom net para vídeos do youtube.

locoloader para episódios de drama que estão no site bilibili.

extensão stream recorder para gravar episódios de novelas do globoplay.

até hoje não tive nenhum problema com esses métodos, e todos abrem normalmente no premiere. a qualidade geralmente é normal, nada muito tchan nem muito mé, dá pra fazer gifs tranquilamente. a única coisa mais complicadinha é que você tem que reproduzir o episódio pra gravar com o stream recorder, mas isso é bom que você assiste a novela kkkkk.

— CORTANDO AS CENAS NO PREMIERE.

aqui é a parte que mudou totalmente minha maneira de fazer gifs. antes eu transformava tudo em screencap, depois separava as partes do fc que eu queria, e aí tinha que abrir arquivo em pilha no photoshop. nessa brincadeira, levava uma semana ou mais pra fazer 50 gifs, e eu enjoava na metade.

mas usando o premiere isso se torna muito mais rápido!!!! você só precisa separar algumas horinhas (no máximo 2, dependendo da sua máquina) para cortar as cenas, e depois separar as que o fc aparece no próprio premiere usando as cores de rótulo que ele disponibiliza. quando eu tava trabalhando, tinha no máximo 4 horas pra ficar no pc por noite, e conseguia fazer isso tudo em um dia só. muito prático

primeiro, abra o premiere! é igual o photoshop mesmo, nada muito diferente (instale o aftercodecs antes seguindo o passo a passo do site). clica em criar projeto, dá um nome, e aí vai aparecer essa tela:

(quem rir do ativar o windows vai ser torturado por mim no inferno hein) (já vou ensinar a colocar o after codecs ali na tela)

agora, pegue o vídeo que você baixou e jogue ali na linha do tempo. vai ficar assim:

(não consegui abrir o download de law school porque deu um erro, eu tinha baixado de outra forma kkkk mas tinha outro vídeo salvo então deu certo depois)

agora clica com o botão direito do mouse em cima do bloco de vídeo! (baixei sem o áudio já, mas pra tirar o aúdio é só fazer a mesma coisa mas clicar em desvincular primeiro) aí vai clicar em detecção de edição de cena. vai abrir uma janelinha e aí é só clicar em analisar:

vai abrir essa janelinha. basicamente, essa ferramenta vai cortar o vídeo sempre que houver um corte de cena automaticamente, então sempre que tiver uma mudança de plano/cena, deixar de mostrar um ator pra mostrar outro, vai ter um corte e tudo vai ficar separado bonitinho. isso vai levar um tempinho dependendo do tamanho do vídeo, mas você pode deixar rodando em segundo plano e ir responder suas dívidas no rp! ou, como eu faço, fazer colar de miçanga kkkkkk.

depois que o app analisar e cortar o vídeo inteiro, vai ficar tudo separadinho. aí você usa a setinha azul pra ir vendo as cenas e separando as que você vai gifar. uma dica que eu dou é usar as cores de rótulo do premiere! só clicar com o botão direito em cima da cena selecionada e escolher uma cor pra cada fc, e deixar o íris (que costuma ser a cor padrão da faixa inteira) pra quando aparecer mais de um fc na cena. aí você arrasta o clipe pra faixa de cima e, depois de separar todas as cenas, vai em rótulo de novo e em selecionar grupo de rótulos. isso faz todos os clipes com o mesmo rótulo/cor do que você clicou ficarem selecionados.

e outra dica!!! clica com o botão direito em cima do contador de minutagem do vídeo e troca pra contar quadros. o after codecs gratuito só exporta até 500 quadros, mas gifs com mais de 200 quadros não abrem direito no photoshop e ficam muito pesados. então passa cortando os clipes com mais de 200 quadros. dá pra ver quantos quadros cada clipe tem passando o mouse em cima. pra cortar, só escolher o ícone da navalha e clicar em cima do clipe onde você quer cortar.

selecionou todas as cenas do mesmo fc? então é hora de usar o after codecs. pra deixar ele aparecendo igual no print que eu mostrei lá em cima, você vai em janela > extensões > after codecs, aí você coloca a janelinha onde achar melhor. eu prefiro ali junto de "origem". com a janela do after codecs aberta e todas os clipes que vão virar gifs selecionados, vai em add markers for selected clips. você vai ver os marcadores aparecendo e quando acabar, o próprio premiere vai te falar quantos gifs você vai ter no final!

agora clica em exportar. vai aparecer uma tela nova. em formato, escolha after effects e coloque o nome do seu fc e onde você vai salvar os clipes. aí clica em video settings. no formato dessa janela, coloca mp4 e depois clica em open aftercodecs settings!

as únicas coisas que você vai mexer aqui é quality, arrastando a setinha azul até o final em 100%, e marcar a opção multirender em workflow. aperta ok e pronto! o premiere vai exportar clipe por clipe pra pasta que você escolheu, e aí acaba a parte mais chata e longa do tutorial! pode fechar o premiere e abrir o photoshop.

— HORA DE FAZER OS GIFS!

cenas cortadas, exportadas, tudo lindo. chegou a hora que todo mundo esperava! abra seu photoshop, prepare sua action ou psd, e vamos ao trabalho.

na hora de abrir as cenas, vá em arquivo > importar > quadros de vídeo para camadas. seleciona a primeira cena e abra normalmente. infelizmente, não dá pra abrir mais de um arquivo por vez, então tem que ir um por um mesmo. vai aparecer isso aqui, aí só clicar em ok mesmo:

às vezes pode dar esse erro aqui, mas aí é só apertar ok e abrir de novo!

abrindo bonitinho, você pode modificar a velocidade dos quadros e o tamanho. imagino que a maioria das pessoas já sabe mais ou menos como fazer isso, mas você pode me pedir um tutorial mais detalhado se precisar. como já tem muita imagem no post, vou pular essa parte, ok? vou só descrever o que eu faço agora.

seleciono todos os quadros e mudo o intervalo de tempo da animação. tenho uma regra bem básica que é: até 25 quadros, coloco 0,1; 25 até 30 quadros, 0,09; 30 até mais ou menos 40 quadros, 0,08; acima de 40 até 85, 0,07; de 85 até 150 quadros, 0,06; e por aí vou diminuindo o tempo.

seleciono todas as camadas também, e converto a linha do tempo de quadros para vídeo. depois converto as camadas para objeto inteligente. e faço o corte demarcado. o tamanho que eu uso geralmente é 268x146 ou 269x147. lembra de desmarcar a opção de excluir pixels cortados!

arrumo a camada de objeto inteligente dentro do corte pra ficar bonitinho com o famoso ctrl+t, e jogo o meu psd padrão em cima. aí arrumo a coloring direitinho até ficar satisfeito. só com isso já dá pra salvar o gif com ctrl+shift+alt+s, do jeito que você tá acostumado a fazer.

passo opcional: eu gosto de usar action de sharpening, então seleciono a camada do psd e o objeto inteligente, crio outro objeto inteligente e rodo a action. aí é só salvar!

eu sou uma pessoa bem vagabunda hoje em dia, então consigo fazer 150 gifs em uma madrugada de boa. mas, se você tem um tempo limitado, dá pra fazer até 50 gifs por noite, que foi o número que eu fiz quando ainda tava trabalhando. em 3 dias terminei o pack da giselle, inclusive.

espero que o tutorial tenha sido proveitoso pra você, e que consiga fazer muitos gifs dos fcs que gosta. e vamos cobrar dos gringos!!! não sou a favor de cobrar de brasileiros, já que a gente sabe como nossa economia é fodida (e por isso que só compartilho conteúdos gratuitos aqui), mas arrancar dinheiro de gringo tá liberado. aqui alguns exemplos de gifs que fiz seguindo esse tutorial:

#⊰ 🐚：mine: tutorials ˎˊ˗#rp br #veio aí finalmente

49 notes · View notes